<template>  
   <div>   
      <p>testProp   {{ confData.a }}</p>  
      <div>{{ confDataString }}</div>  
   </div>  
   </template>  
     
   <script>  
   export default {  
       props: {  
           confData: {  
               type: Object,  
               default: () => ({}),  
           }  
       },  
       name: '',  
       components: {},  
       computed: {  
           confDataString() {  
               return JSON.stringify(this.confData, null, 2); // 格式化输出，更易于阅读  
           }  
       },  
       mounted() {  
           console.log('testProp加载成功', this.confData);  
       }  
   }  
   </script>  
     
   <style scoped>  
   </style>